﻿<!DOCTYPE html>
<html>
  <head>
    <title>P9 环境白噪音体验室功能</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/p9_环境白噪音体验室功能/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/p9_环境白噪音体验室功能/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u3577" class="ax_default box_2">
        <div id="u3577_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3578" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3579" class="ax_default _一级标题">
        <div id="u3579_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3580" class="text" style="visibility: visible;">
          <p><span>P9 环境白噪音体验室功能</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3581" class="ax_default _图片">
        <img id="u3581_img" class="img " src="images/p9_环境白噪音体验室功能/u3581.png"/>
        <!-- Unnamed () -->
        <div id="u3582" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3583" class="ax_default box_2">
        <div id="u3583_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3584" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3585" class="ax_default label">
        <div id="u3585_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3586" class="text" style="visibility: visible;">
          <p><span>教室环境音</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u3587" class="ax_default _文本段落">
        <img id="u3587_img" class="img " src="images/p9_环境白噪音体验室功能/u3587.png"/>
        <!-- Unnamed () -->
        <div id="u3588" class="text" style="visibility: visible;">
          <p><span>当前播放：</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3589" class="ax_default icon">
        <img id="u3589_img" class="img " src="images/p9_环境白噪音体验室功能/u3589.png"/>
        <!-- Unnamed () -->
        <div id="u3590" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3591" class="ax_default ellipse">
        <img id="u3591_img" class="img " src="images/p9_环境白噪音体验室功能/u3591.png"/>
        <!-- Unnamed () -->
        <div id="u3592" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3593" class="ax_default button">
        <div id="u3593_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3594" class="text" style="visibility: visible;">
          <p><span>隐藏</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3595" class="ax_default line">
        <img id="u3595_img" class="img " src="images/p9_环境白噪音体验室功能/u3595.png"/>
        <!-- Unnamed () -->
        <div id="u3596" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3597" class="ax_default line">
        <img id="u3597_img" class="img " src="images/p9_环境白噪音体验室功能/u3595.png"/>
        <!-- Unnamed () -->
        <div id="u3598" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3599" class="ax_default _文本段落">
        <div id="u3599_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3600" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3601" class="ax_default box_2">
        <div id="u3601_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3602" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3603" class="ax_default line">
        <img id="u3603_img" class="img " src="images/p9_环境白噪音体验室功能/u3603.png"/>
        <!-- Unnamed () -->
        <div id="u3604" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3605" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u3606" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="226" CompoundMode="true">
          <img id="u3606_img" class="singleImg img " src="images/p9_环境白噪音体验室功能/u3606.png"/>
          <div id="u3606p000" class="ax_vector_shape" WidgetTopLeftX="-0.495614035087719" WidgetTopLeftY="-0.5" WidgetTopRightX="0.495614035087719" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.495614035087719" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.495614035087719" WidgetBottomRightY="0.5">
            <img id="u3606p000_img" class="img " src="images/p9_环境白噪音体验室功能/u3606p000.png"/>
          </div>
          <div id="u3606p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="113" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0.5" WidgetBottomRightX="113" WidgetBottomRightY="0.5">
            <img id="u3606p001_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u293p001.png"/>
          </div>
          <div id="u3606p002" class="ax_vector_shape" WidgetTopLeftX="-10.0909090909091" WidgetTopLeftY="0" WidgetTopRightX="0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-10.0909090909091" WidgetBottomLeftY="0.0454545454545455" WidgetBottomRightX="0.181818181818182" WidgetBottomRightY="0.0454545454545455">
            <img id="u3606p002_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u293p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u3607" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3608" class="ax_default _形状">
          <img id="u3608_img" class="img " src="images/p9_环境白噪音体验室功能/u3608.png"/>
          <!-- Unnamed () -->
          <div id="u3609" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3610" class="ax_default _文本段落">
        <img id="u3610_img" class="img " src="images/p9_环境白噪音体验室功能/u3610.png"/>
        <!-- Unnamed () -->
        <div id="u3611" class="text" style="visibility: visible;">
          <p><span>基于平静设计原则设计隐藏控件功能，点击可隐藏浮窗。</span></p><p><span>动态效果：向右上角方向快速缩小消失。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3612" class="ax_default image">
        <img id="u3612_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u297.png"/>
        <!-- Unnamed () -->
        <div id="u3613" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3614" class="ax_default box_2">
        <div id="u3614_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3615" class="text" style="visibility: visible;">
          <p><span>计时器计时中</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3616" class="ax_default icon">
        <img id="u3616_img" class="img " src="images/p9_环境白噪音体验室功能/u3616.png"/>
        <!-- Unnamed () -->
        <div id="u3617" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3618" class="ax_default box_2">
        <div id="u3618_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3619" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3620" class="ax_default line">
        <img id="u3620_img" class="img " src="images/p9_环境白噪音体验室功能/u3620.png"/>
        <!-- Unnamed () -->
        <div id="u3621" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3622" class="ax_default _文本段落">
        <img id="u3622_img" class="img " src="images/p9_环境白噪音体验室功能/u3622.png"/>
        <!-- Unnamed () -->
        <div id="u3623" class="text" style="visibility: visible;">
          <p><span><br></span></p><p><span><br></span></p><p><span>点击icon的动态效果：向左下角中心画面区域快速推进，画面中央出现信息浮窗。</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3624" class="ax_default line">
        <img id="u3624_img" class="img " src="images/p9_环境白噪音体验室功能/u3624.png"/>
        <!-- Unnamed () -->
        <div id="u3625" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3626" class="ax_default _文本段落">
        <img id="u3626_img" class="img " src="images/p9_环境白噪音体验室功能/u3626.png"/>
        <!-- Unnamed () -->
        <div id="u3627" class="text" style="visibility: visible;">
          <p><span>如果在【一刻】的计时器功能界面设置了计时，切换到环境白噪音功能界面时将会出现该信息提醒，停留5s。</span></p><p><span>动态效果：渐渐消失。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3628" class="ax_default box_2">
        <div id="u3628_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3629" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3630" class="ax_default line">
        <img id="u3630_img" class="img " src="images/p9_环境白噪音体验室功能/u3630.png"/>
        <!-- Unnamed () -->
        <div id="u3631" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3632" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u3633" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="142" CompoundMode="true">
          <img id="u3633_img" class="singleImg img " src="images/p9_环境白噪音体验室功能/u3633.png"/>
          <div id="u3633p000" class="ax_vector_shape" WidgetTopLeftX="-0.493055555555556" WidgetTopLeftY="-0.5" WidgetTopRightX="0.493055555555556" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.493055555555556" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.493055555555556" WidgetBottomRightY="0.5">
            <img id="u3633p000_img" class="img " src="images/p9_环境白噪音体验室功能/u3633p000.png"/>
          </div>
          <div id="u3633p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="71" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0.5" WidgetBottomRightX="71" WidgetBottomRightY="0.5">
            <img id="u3633p001_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u293p001.png"/>
          </div>
          <div id="u3633p002" class="ax_vector_shape" WidgetTopLeftX="-6.27272727272727" WidgetTopLeftY="0" WidgetTopRightX="0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-6.27272727272727" WidgetBottomLeftY="0.0454545454545455" WidgetBottomRightX="0.181818181818182" WidgetBottomRightY="0.0454545454545455">
            <img id="u3633p002_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u293p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u3634" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3635" class="ax_default _形状">
          <div id="u3635_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u3636" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3637" class="ax_default _文本段落">
        <img id="u3637_img" class="img " src="images/p9_环境白噪音体验室功能/u3637.png"/>
        <!-- Unnamed () -->
        <div id="u3638" class="text" style="visibility: visible;">
          <p><span>点击切换环境音场景与背景壁纸。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3639" class="ax_default _文本段落">
        <img id="u3639_img" class="img " src="images/p9_环境白噪音体验室功能/u3639.png"/>
        <!-- Unnamed () -->
        <div id="u3640" class="text" style="visibility: visible;">
          <p><span><br></span></p><p><span>默认切换到该界面时为沉浸式全屏，隐藏导航栏，带给用户安静集中的感觉。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3641" class="ax_default box_2">
        <div id="u3641_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3642" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3643" class="ax_default _图片">
        <img id="u3643_img" class="img " src="images/p9_环境白噪音体验室功能/u3581.png"/>
        <!-- Unnamed () -->
        <div id="u3644" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3645" class="ax_default icon">
        <img id="u3645_img" class="img " src="images/p9_环境白噪音体验室功能/u3645.png"/>
        <!-- Unnamed () -->
        <div id="u3646" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3647" class="ax_default box_1">
        <div id="u3647_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3648" class="text" style="visibility: visible;">
          <p><span>计时器</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3649" class="ax_default box_1">
        <div id="u3649_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3650" class="text" style="visibility: visible;">
          <p><span style="font-family:'Arial Black', 'Arial Normal', 'Arial';font-weight:900;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">环境白噪音</span></p><p><span style="font-family:'Arial Black', 'Arial Normal', 'Arial';font-weight:900;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3651" class="ax_default box_1">
        <div id="u3651_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3652" class="text" style="visibility: visible;">
          <p><span><br></span></p><p><span>定位提醒</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3653" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u3654" class="ax_default _形状" data-label="Rectangle">
          <div id="u3654_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u3655" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3656" class="ax_default image">
        <img id="u3656_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u130.png"/>
        <!-- Unnamed () -->
        <div id="u3657" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3658" class="ax_default image">
        <img id="u3658_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u132.png"/>
        <!-- Unnamed () -->
        <div id="u3659" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3660" class="ax_default icon">
        <img id="u3660_img" class="img " src="images/p9_环境白噪音体验室功能/u3660.png"/>
        <!-- Unnamed () -->
        <div id="u3661" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3662" class="ax_default label">
        <div id="u3662_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3663" class="text" style="visibility: visible;">
          <p><span>一刻</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3664" class="ax_default label">
        <div id="u3664_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3665" class="text" style="visibility: visible;">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3666" class="ax_default label">
        <div id="u3666_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3667" class="text" style="visibility: visible;">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3668" class="ax_default line">
        <img id="u3668_img" class="img " src="images/p9_环境白噪音体验室功能/u3668.png"/>
        <!-- Unnamed () -->
        <div id="u3669" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3670" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u3671" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="101" CompoundMode="true">
          <img id="u3671_img" class="singleImg img " src="images/p9_环境白噪音体验室功能/u3671.png"/>
          <div id="u3671p000" class="ax_vector_shape" WidgetTopLeftX="-0.490291262135922" WidgetTopLeftY="-0.5" WidgetTopRightX="0.490291262135922" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.490291262135922" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.490291262135922" WidgetBottomRightY="0.5">
            <img id="u3671p000_img" class="img " src="images/p9_环境白噪音体验室功能/u3671p000.png"/>
          </div>
          <div id="u3671p001" class="ax_vector_shape" WidgetTopLeftX="-0.5" WidgetTopLeftY="0" WidgetTopRightX="-0.5" WidgetTopRightY="-50.5" WidgetBottomLeftX="0.5" WidgetBottomLeftY="0" WidgetBottomRightX="0.5" WidgetBottomRightY="-50.5">
            <img id="u3671p001_img" class="img " src="images/p5-1_自定义录音铃声功能/u2118p001.png"/>
          </div>
          <div id="u3671p002" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="4.45454545454545" WidgetTopRightX="0" WidgetTopRightY="-0.136363636363636" WidgetBottomLeftX="0.0454545454545455" WidgetBottomLeftY="4.45454545454545" WidgetBottomRightX="0.0454545454545455" WidgetBottomRightY="-0.136363636363636">
            <img id="u3671p002_img" class="img " src="images/p8_计时器功能/u3528p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u3672" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3673" class="ax_default _形状">
          <img id="u3673_img" class="img " src="images/p8_计时器功能/u3523.png"/>
          <!-- Unnamed () -->
          <div id="u3674" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3675" class="ax_default image">
        <img id="u3675_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u297.png"/>
        <!-- Unnamed () -->
        <div id="u3676" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3677" class="ax_default image">
        <img id="u3677_img" class="img " src="images/1_初始化页面及简易设置闹钟页面流程/u297.png"/>
        <!-- Unnamed () -->
        <div id="u3678" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u3679" class="ax_default _文本段落" data-label="Header 2">
        <div id="u3679_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3680" class="text" style="visibility: visible;">
          <p><span style="font-family:'微软雅黑';">点击</span><span style="font-family:'Arial Normal', 'Arial';">画面非功能触发点的任意区域唤醒界面导航栏</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3681" class="ax_default line">
        <img id="u3681_img" class="img " src="images/p9_环境白噪音体验室功能/u3681.png"/>
        <!-- Unnamed () -->
        <div id="u3682" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3683" class="ax_default box_2">
        <div id="u3683_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3684" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3685" class="ax_default label">
        <div id="u3685_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3686" class="text" style="visibility: visible;">
          <p><span>教室环境音</span></p>
        </div>
      </div>

      <!-- Unnamed (文本段落) -->
      <div id="u3687" class="ax_default _文本段落">
        <img id="u3687_img" class="img " src="images/p9_环境白噪音体验室功能/u3587.png"/>
        <!-- Unnamed () -->
        <div id="u3688" class="text" style="visibility: visible;">
          <p><span>当前播放：</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3689" class="ax_default icon">
        <img id="u3689_img" class="img " src="images/p9_环境白噪音体验室功能/u3589.png"/>
        <!-- Unnamed () -->
        <div id="u3690" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3691" class="ax_default ellipse">
        <img id="u3691_img" class="img " src="images/p9_环境白噪音体验室功能/u3591.png"/>
        <!-- Unnamed () -->
        <div id="u3692" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3693" class="ax_default button">
        <div id="u3693_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u3694" class="text" style="visibility: visible;">
          <p><span>隐藏</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3695" class="ax_default line">
        <img id="u3695_img" class="img " src="images/p9_环境白噪音体验室功能/u3595.png"/>
        <!-- Unnamed () -->
        <div id="u3696" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u3697" class="ax_default line">
        <img id="u3697_img" class="img " src="images/p9_环境白噪音体验室功能/u3595.png"/>
        <!-- Unnamed () -->
        <div id="u3698" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
